<template>
  <div>
    <el-row :gutter="12">
      <el-col :span="6">
        <el-input
          v-model="input2"
          class="w-50 m-2"
          :prefix-icon="Search"
        />
      </el-col>
      <el-col :span="2">
        <el-button size="large">搜索</el-button>
      </el-col>
      <el-col :span="8">
        <span>资源类型：</span>
        <el-select v-model="value" class="m-2" size="default">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-col>
      <el-col :span="8">
        <span>状态：</span>
        <el-select v-model="value2" class="m-2" size="default">
          <el-option
            v-for="item in options2"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-col>
    </el-row>
    <el-row style="margin-top: 20px">
      <el-table :data="tableData" style="width: 100%" border>
        <el-table-column prop="date" label="内容" width="400" header-align="center"/>
        <el-table-column prop="name" label="发布时间" header-align="center"/>
        <el-table-column prop="address" label="数据" header-align="center"/>
        <el-table-column prop="address" label="状态" header-align="center"/>
        <el-table-column prop="address" label="操作" header-align="center"/>
      </el-table>
    </el-row>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "Dynamics",
});

</script>

<script lang="ts" setup>
import { ref } from 'vue'
import { Search } from '@element-plus/icons-vue'


const value = ref('')
const value2 = ref('')
const input2 = ref('')

const options = [
  {
    value: 'Option1',
    label: '全部资源',
  },
  {
    value: 'Option2',
    label: '作品',
  },
  {
    value: 'Option3',
    label: '教程',
  },
  {
    value: 'Option4',
    label: '动态',
  },
  {
    value: 'Option5',
    label: '专题',
  },
]
const options2 = [
  {
    value: 'Option1',
    label: '全部',
  },
  {
    value: 'Option2',
    label: '已发布',
  },
  {
    value: 'Option3',
    label: '未发布',
  },
  {
    value: 'Option4',
    label: '审核中',
  },
  {
    value: 'Option5',
    label: '审核未通过',
  },
  {
    value: 'Option5',
    label: '仅主页可见',
  },
]

const tableData: any[] = [

]
</script>

<style lang="scss" scoped>

</style>
